<?php echo $this->fetch('header_jiandan.html'); ?>
<style type="text/css">
.content_title{width:1100px; margin:10px auto 20px; height:35px; line-height:35px; border-bottom:1px #e1e1e1 solid; font-family:"Microsoft Yahei"; font-size:20px; font-weight:bold; color:#333;}
.login_con {width: 1100px; margin:auto; background:#FFF;margin-bottom: 10px; overflow: hidden;}
.login_con .enter {display:block;border:1px #F06D10 solid;border-radius:5px; color:#FFF;background:#EF6F21;background:-webkit-gradient(linear,left top,left bottom,from(#FB7A42),to(#EF6F21));background:-moz-linear-gradient(top,#FB7A42 0%,#EF6F21 100%); width:150px; height:38px; line-height:38px; text-align:center; font-size:20px;text-decoration:none}
.login_con .enter:hover {background:#EF6F21}
.login_fill_in {float: left; color: #646665;border-right:1px #e1e1e1 dotted; width:700px; padding: 10px 40px 30px 30px; display: inline;}
.login_fill_in h2 {font-size:24px; color:#666; font-weight:normal; height:50px;}
.login_fill_in table {border-collapse:collapse; width:100%}
.login_fill_in th{width:130px; height:55px; font-weight:normal; font-family:"Microsoft Yahei"; font-size:14px; color:#333; text-align:right; padding-right:8px}
.login_fill_in td {padding:12px 0;}
.login_fill_in .text_ipunt {width:250px; height:25px;line-height:25px; padding:5px; border:1px #CCC solid;  border-radius:2px;}
.login_fill_in .login_btn {display:block;border:1px #F06D10 solid;border-radius:5px; color:#FFF;background:#EF6F21;background:-webkit-gradient(linear,left top,left bottom,from(#FB7A42),to(#EF6F21));background:-moz-linear-gradient(top,#FB7A42 0%,#EF6F21 100%); width:265px; height:38px; line-height:38px; text-align:center; font-size:20px; cursor:pointer}
.login_fill_in .login_btn:hover {background:#FB7A42}
.login_fill_in .distance {font-size:13px;font-family:"Microsoft Yahei";}
.login_fill_in .clew{height:20px; line-height:20px;}
.login_fill_in .register_now{height:20px; line-height:20px;color:#FE5504}
.login_right {width: 220px; float: right; color: #666; line-height: 22px; margin: 50px 35px 50px 0; display: inline;}
.login_right h4 {height: 33px;font-family:"Microsoft Yahei"; font-size: 15px; color: #999;width:100%; overflow:hidden}
form label.error {margin-left:0; color:#f00}
</style>
<div class="content_color" style="border-top:1px #e1e1e1 solid;">
<div class="content" style="background:#FFF; margin-top:35px;margin-bottom:15px;border-radius:5px;">
<div class="content_title">会员登录：</div>

<div class="login_con">
<div class="login_fill_in">
<form method="post" id="login_form">
<table>
    <tr>
      <th>用户名: </th>
      <td><input type="text" name="user_name" class="text_ipunt" placeholder="姓名/手机号/邮箱/QQ号" /><span class="field_message"><span class="field_notice"></span></span></td>
    </tr>
    <tr>
      <th>密&nbsp;&nbsp;码: </th>
      <td><input type="password" name="password" class="text_ipunt" /><span class="field_message"><span class="field_notice"></span></span></td>
    </tr>
    <?php if ($this->_var['captcha']): ?>
    <tr>
      <th>验证码:</th>
      <td>
        <input type="text" name="captcha" class="text_ipunt" id="captcha1" style="width:100px;"/>
        <span><a href="javascript:change_captcha($('#captcha'));" class="renewedly"><img id="captcha" src="index.php?app=captcha&<?php echo $this->_var['random_number']; ?>" align="absmiddle"/></a></span>
        <span class="field_message"><span class="field_notice"></span></span>
        </td>
    </tr>
    <?php endif; ?>
    <tr>
      <th>&nbsp;</th>
      <td><div id="warning"></div><input type="submit" name="Submit" value="登 录" class="login_btn" /></td>
    </tr>
    <tr>
      <th>&nbsp;</th>
        <td class="distance">
          <a href="<?php echo url('app=find_password'); ?>" class="clew">忘记密码?</a>&nbsp;&nbsp;&nbsp;&nbsp;没有帐号<a href="<?php echo url('app=member&act=register&ret_url=' . $this->_var['ret_url']. ''); ?>" class="register_now">立即注册</a>
        </td>
    </tr>
</table>
<input type="hidden" name="ret_url" value="<?php echo $this->_var['ret_url']; ?>" />
</form>
</div>
<div class="login_right">
    <h4>还没有会员账号？</h4>
    <span style="overflow:hidden; width:100%; display:block"><a href="<?php echo url('app=member&act=register&ret_url=' . $this->_var['ret_url']. ''); ?>" class="enter">30秒注册</a></span>
</div>
</div>
</div></div>
<script type="text/javascript">
$(function(){
	$('#login_form').validate({
        errorPlacement: function(error, element){
            var _message_box = $(element).parent().find('.field_notice');
            _message_box.find('.field_notice').hide();
            _message_box.append(error);
        },		
        rules : {
            user_name : {required : true, minlength: 2, maxlength: 25, checkName: true},
            password : {required : true},
            captcha : {
                required : true,
                remote   : {
                    url : 'index.php?app=captcha&act=check_captcha',
                    type: 'get',
                    data:{ captcha : function(){return $('#captcha1').val();}
                    }
                }
            }
        },
        messages : {
            user_name : { required : '请输入用户名', minlength: '用户名必须在2-25个字符之间',maxlength: '用户名必须在2-25个字符之间',checkName : '格式错误，仅支持汉字、字母、数字、"-"、"_"的组合'},
            password  : {required : '请输入密码'},
            captcha : { required : '请输入右侧图片中的文字', remote : '验证码错误' }
        }
    });
});
</script>
<?php echo $this->fetch('footer_jiandan.html'); ?>